body{
  background-color: #eee;
}
.proble--record {
  min-width: 1000px;
  margin-bottom: 10px;
  .drop-search{
    .brc-nav{
      display: inline-block;
      .u-breadcrumb{
        background-color: #eee;
        margin-bottom: 13px;
        padding-top: 0;
        border-radius: inherit;
      }
    }
    .drop-search-container{
      width: 190px;
      height: 34px;
      margin-bottom: 6px;
      display: inline-block;
      .u-select-selection{
        background-color: #ffffff;
        border-radius: 3px;
      }
    }
  }
  .proble-header{
    height: 65px;
    background-color: #fff;
    margin-bottom: 10px;
    color: #5D5D5D;
    padding-right: 10px;
    .ph-title-container{
      float: left;
      .ph-title{
        float: left;
        color: #5D5D5D;
        font-size: 15px;
        margin: 21px 11px 0 15px;
      }
      .ph-line{
        float: left;
        height: 28px;
        background-color: #5D5D5D;
        width: 1px;
        margin: 18px 23px 0;
      }
      .ph-bill-container{
        float: left;
        height: 100%;
        font-size: 14px;
        div{
          height: 100%;
          float: left;
          line-height: 65px;
        }
        .ph-num{
          font-size: 30px;
          font-weight: bold;
          margin: 0 10px;
        }
        .photoIcon{
          float: left;
          width: 24px;
          height: 24px;
          background: url("../../assets/image/proble-photo.png") no-repeat;
          background-size: 24px;
          margin-top: 19px;
          margin-right: 7px;
        }
        .billIcon{
          background: url("../../assets/image/billIcon.png") no-repeat;
        }
      }
    }
    .group-header__choosetime{
      float: right;
      margin-top: 15px;
      .u-input-group.simple .u-input-group-btn{
        right: 29px;
        top: 0;
      }
      .ghc-start-time,.ghc-end-time{
        float: left;
        margin-right: 5px;
        padding-top: 3px;
      }
      .ghc-line{
        float: left;
        width: 20px;
        height: 1px;
        background-color: #BBB;
        margin: 16px 5px 0 0;
      }
      .ghc-btn{
        float: left;
        margin-right: 5px;
      }
    }
  }
  .echarts-container{
    background-color: #fff;
    height: 494px;
  }
  .search--content{
    background-color: #fff;
    .col-container{
      background-color: #fff;
      height: 488px;
      padding-bottom: 10px;
      box-sizing: border-box;
    }
    .search--header {
      margin: 6px 0;
      width: 100%;
      display: flex;
      .search--input {
        flex: 1;
      }
      .search--btn {
        width: 63px;
        margin-left: 10px;
        margin-top: 2px;
      }
    }
    .u-table {
      border: 1px solid #DDDEE1;
      margin-bottom: 5px;
    }
  }
  .table--list {
    padding-bottom: 10px;
    margin-right: 0;
    background-color: #fff;
    .table--item {
      .item--header {
        margin-top: 13px;
        margin-bottom: 14px;
        .item--icon {
          float: left;
          background: url(./../../assets/image/icon__table.png) no-repeat;
          width: 12px;
          height: 12px;
          background-size: contain;
          margin-top: 3px;
        }
        .item--name {
          float: left;
        }
      }
      .u-table {
        border: 1px solid #DDDEE1;
      }
      .u-table th{
        color: #fff!important;
      }
      .sg {
        .u-table-thead {
          tr {
            th {
              background: #2CCB97;
            }
          }
        }
      }
      .jl {
        .u-table-thead {
          tr {
            th {
              background: #53B4FB;
            }
          }
        }
      }
      .jf {
        .u-table-thead {
          tr {
            th {
              background: #F1B602;
            }
          }
        }
      }
    }
  }
  .u-table {
    border: 1px solid #DCDCDC;
    td{
      word-break: break-all;
    }
    th ,td{
      color: #5d5d5d;
      padding: 10px 8px!important;
    }
  }
  .u-row{
    margin-left: -1px;
  }
  // 图标DOM样式
  .line--echarts {
    min-height: 454px;
    background-color: #fff;
  }
  .normal--space {
    margin-bottom: 10px;
  }
}

.rc-calendar-picker {
  top: 113px!important;
}
.u-select-selection__rendered{
  color: #5D5D5D;
}
.u-input-group{
  width: 230px;
}

.u-table-fixed-header .u-table-scroll .u-table-header{
  overflow-y: hidden;
}
/*滚动条样式*/
.u-table-body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 40px;
}
.u-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #CDCDCD;
  background: #eee;
}
.u-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px #fff;
  border-radius: 0;
  background: #fff;
}
.u-table-fixed-header .u-table-scroll .u-table-header{
  overflow-y: hidden;
}
.u-breadcrumb a {
  color: #1115ff;
  cursor: pointer;
}


